.page {
    background: #fdfdfd;
}

.content_box {
    padding-bottom: 60px;
}

//大图
.big_list {
    display: flex;
    justify-content: space-between;
    padding: 12px 25px;
    background: #fff;

    .cell {
        text-align: center;

        .img_box {
            img {
                width: 55px;
            }
        }

        .name {
            font-size: 12px;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
        }
    }
}

// 小图标
.small_list {
    padding: 10px 17px 0 17px;
    background: #fff;

    .scroll-wrapper {
        position: relative;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;

        .scroll-content {
            display: inline-block;

            .scroll_item {
                font-size: 11px;
                display: inline-block;
                text-align: center;
                padding: 0 10px;

                .img_box {
                    img {
                        width: 22px;
                    }
                }

                .name {
                    font-size: 11px;
                    font-weight: 400;
                    color: rgba(51, 51, 51, 1);
                }
            }
        }
    }

    .dot_box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0;

        .cell {
            width: 4px;
            height: 4px;
            background: #3388FF;
            border-radius: 4px;
            margin: 0 2px;
        }

        .dot_active {
            background: #ccc;
        }
    }
}

// banner
.banner {
    margin: 16px 12px;

    .img_box {
        width: 100%;
        height: 84px;
        border-radius: 4px;
        overflow: hidden;

        ::v-deep(img) {
            width: 100%;
            height: 100%;
        }

        .banner_swipe {
            height: 100%;
            width: 100%;
        }
    }

}

// tabbar
.tabbar_box {
    display: flex;
    align-items: flex-end;
    padding: 0 12px;

    .tab {
        position: relative;
        flex: 1;
        font-size: 14px;
        font-weight: 400;
        color: #333;
        text-align: center;
        padding-bottom: 2px;
    }

    .tab_active {
        font-size: 16px;
        font-weight: bold;
    }

    .tab_active:after {
        position: absolute;
        display: block;
        content: "";
        width: 64px;
        height: 5px;
        border-radius: 106px;
        background: linear-gradient(90deg, rgba(51, 136, 255, 1) 0%, rgba(51, 136, 255, 0.2) 99.31%);
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
}

// 医院列表
.list_box {
    padding: 12px;
}

.goods_list {
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}